<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品页</title>
		<style>
			* {
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
			
			a {
				color: black;
			}
			
			p {
				text-align: center;
			}
			
			div.img-css {
				text-align: center;
			}
			
			div.img-css:after {
				bottom: 0;
				left: 5px;
				position: absolute;
				z-index: 10;
			}
			
			div.img-css:hover img {
				transition: all 1s ease 0s;
				transform: scale(1.1);
			}
			
			div.good-css {
				width: 290px;
				height: 350px;
				border: 1px solid black;
				margin: 0 auto;
			}
			
			div.img-css {
				margin: 15px auto;
			}
			
			.a-css .img-css {
				position: relative;
				display: block;
				overflow: hidden;
				width: 250px;
				height: 250px;
			}
			
			.p-css {
				width: 290px;
				height: 100px;
			}
		</style>
	</head>

	<body>
		<div class="good-css">
			<a class="a-css" href="#">
				<div class="img-css">
					<img src="../img/TIM图片20170906123515.png">
				</div>
				<div class="p-css">
					<p class="price-css"><strong>￥</strong><strong>666.7</strong></p>
					<p class="name-css"><strong>出售一些二手书</strong></p>
				</div>
			</a>
		</div>
	</body>

</html>